<template>
	<view class="page">
	
		<view>
			法乐
	</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';

	

</script>

<style lang="less">
	.page {
		min-height: 100vh;
		background: #5e0e03;
	}

	.segmented {
		width: 100%;
		padding: 15px 0;
	}

	/deep/ .segmented-control__text {
		color: white !important;
	}

	/deep/ .segmented-control__item--text {
		color: #2C77E5 !important;
	}

	/deep/ .uni-searchbar {
		padding: 0 !important;
	}

	/deep/ .uni-searchbar__box-search-input {
		color: white !important;
	}

	/deep/ .uni-searchbar__text-placeholder {
		color: white !important;
	}

	.search {
		padding: 12px 15px;
		// background-color: white;

		.content {
			background-color: #1D2E4C;
			color: white;
			font-size: 14px;
			font-weight: 400;
		}
	}

	.card {
		// background-color: white;
		padding: 0 15px 12px 15px;

		.content {
			background-color: #1D2E4C;
			padding: 10px;
			color: white;
			font-size: 14px;

			.header {
				padding: 10px 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				color: white;
				font-size: 18px;
				font-weight: 500;
				word-break: break-all;
				word-wrap: break-word;

				.state {
					flex-shrink: 0;
					width: 69px;
					height: 25px;
					line-height: 25px;
					border-radius: 2px;
					border: 1px solid #53C41A;
					color: #53C41A;
					font-size: 14px;
					font-weight: 400;
					text-align: center;
				}
			}

			.info {
				color: #D1D1D1;
				font-size: 14px;
				font-weight: 400;
				padding: 5px 0;
				word-break: break-all;
				word-wrap: break-word;
			}

			.footer {
				padding: 10px 0;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.line {
					width: 1px;
					height: 50px;
					background-color: #979797;
					margin: 0 10px;
				}

				.item {
					max-width: 32%;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;
					word-break: break-all;
					word-wrap: break-word;

					.first {
						color: #2C77E5;
						font-size: 14px;
						font-weight: 400;
						margin-bottom: 5px;
					}

					.last {
						color: white;
						font-size: 14px;
						font-weight: 400;
					}
				}
			}

			.bottom {
				display: flex;
				align-items: center;
				justify-content: space-between;
				color: #ffffff;
				font-size: 14px;
				font-weight: 400;
				background: #2C77E5;
				margin:10px 0px ;
				view {
					flex: 1;
					margin: 2.5px;
					border-radius: 2px;
					border: 1px solid #2C77E5;
					height: 20px;
					line-height: 20px;
					text-align: center;
				}
			}
		}
	}
</style>